<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
  <title>Document</title>
 
  <link rel="stylesheet" href="./css/normalize.css">
  <link rel="stylesheet" href="./css/index.css">
  
</head>
<body>
  <!-- 头部 -->
  <header class="app">
    <ul>
      <li><img src="./images/close.png" alt=""></li>
      <li><img src="./images/logo.png" alt=""></li>
      <li>打开京东APP，购物更轻松</li>
      <li>立即打开</li>
    </ul>
  </header>
  <!-- 搜索框 -->
  <div class="search-wrap">
    <div class="search-btn">
      <img src="./images/s-btn.png" alt="">
    </div>
    <div class="search">
      <img src="./images/jd.png" alt="">
      <input type="search"  placeholder="请输入搜索内容" class="insearch">
    </div>
    <div class="search-login">
      登录
    </div>
  </div>
  <!-- 主内容区域 -->
  <div class="main-content">
    <div class="slider">
      <img src="./upload/banner.dpg" alt="">
    </div>
    <div class="brand" style="overflow: hidden;">
      <div><img src="./upload/pic1.dpg" alt=""></div>
      <div><img src="./upload/pic2.dpg" alt=""></div>
      <div><img src="./upload/pic3.dpg" alt=""></div>
    </div>
    <nav style="overflow: hidden;">
      <a href="">
        <img src="./upload/nav1.webp" alt="">
        京东超市
      </a>
      <a href="">
        <img src="./upload/nav1.webp" alt="">
        京东超市
      </a>
      <a href="">
        <img src="./upload/nav1.webp" alt="">
        京东超市
      </a>
      <a href="">
        <img src="./upload/nav1.webp" alt="">
        京东超市
      </a>
      <a href="">
        <img src="./upload/nav1.webp" alt="">
        京东超市
      </a>
      <a href="">
        <img src="./upload/nav1.webp" alt="">
        京东超市
      </a>
      <a href="">
        <img src="./upload/nav1.webp" alt="">
        京东超市
      </a>
      <a href="">
        <img src="./upload/nav1.webp" alt="">
        京东超市
      </a>
      <a href="">
        <img src="./upload/nav1.webp" alt="">
        京东超市
      </a>
      <a href="">
        <img src="./upload/nav1.webp" alt="">
        京东超市
      </a>
    </nav>
    <div class="new">
      <a href="">
        <img src="./upload/new1.dpg" alt="">
      </a>
      <a href="">
        <img src="./upload/new2.dpg" alt="">
      </a>
      <a href="">
        <img src="./upload/new3.dpg" alt="">
      </a>
    </div>
  </div>
</body>
</html>